<template>
	<common-card class="portal_student_alert">
		<dl>
			<dt>赵鹏</dt>
			<dd>最近一周没有自主学习</dd>
		</dl>
		<dl>
			<dt>王飞虎</dt>
			<dd>在线学习时长短</dd>
		</dl>
		<dl>
			<dt>郑福满</dt>
			<dd>在线学习时长短</dd>
		</dl>
		<dl>
			<dt>陈锦森</dt>
			<dd>作业多次为未提交</dd>
		</dl>
		<dl>
			<dt>林一斌</dt>
			<dd>作业多次为未提交</dd>
		</dl>
		<dl>
			<dt>卢民桥</dt>
			<dd>作业多次为未提交</dd>
		</dl>
	</common-card>
</template>

<script lang="ts" setup>
import commonCard from '../commonCard.vue';
defineOptions({ name: 'StudentAlert' });
</script>

<style lang="scss" scoped>
.portal_student_alert {
	&:deep(.arco-card-body) {
		gap: 10px;
		flex-direction: column;
		padding: 12px !important;
	}
	dl {
		padding: 12px;
		border-radius: 4px;
		justify-content: flex-start;
		border: solid 1px var(--w-e-toolbar-border-color);
		background-color: var(--w-e-textarea-slight-bg-color);
	}
	dt {
		font-size: 16px;
		line-height: 1;
		overflow: hidden;
		user-select: none;
		white-space: nowrap;
		text-overflow: ellipsis;
		color: var(--w-e-textarea-color);
	}
	dd {
		margin-top: 12px;
		font-size: 12px;
		line-height: 1;
		color: #f00;
	}
}
</style>
